@charset "UTF-8";




.entire{

  padding-left: 15px;

  padding-right:15px;

  margin-left: auto;

  margin-right: auto;

}








@media (min-width: 768px) {

  .entire{

    width:750px;            /*页面宽度大于768px时盒子宽度*/

  }

}


@media (min-width: 992px) {

  .entire{

    width:970px;            /*页面宽度大于992px时盒子宽度*/

  }

}


@media (min-width: 1200px) {

  .entire{

    width:1170px;   /*页面宽度大于1200px时盒子宽度 设置时注意代码顺序、执行顺序不一致将导致代码不生效 */

  }

}

/**仿BS row*/
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  }/*column百分比宽度计算时不计算父容器内外边距，width百分比可以沾满一行而不溢出*/


.row{margin-left: -15px;margin-right: -15px;}


.row{margin-left: -15px;margin-right: -15px;}

.row:before,.row:after,.entire:before,.entire:after{display: table;content: " ";}/*解决子元素float后撑不开父元素的问题,CSS3清除浮动大法*/.row:after,.container:after{clear: both;}/*解决子元素float后撑不开父元素的问题，CSS3清除浮动大法*/



.col-sm-6.col-lg-3,.col-md-4,.col-xs-12,.col-md-6,.col-lg-5,
.col-lg-10,.col-md-3,.col-xs-6,.col-md-5,.col-lg-4,.col-lg-9,.col-12{

  position: relative;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px;

  float: left;

}

@media (max-width:992px){
.col-xs-12{

  width: 100%;

}}

@media (min-width: 992px) {

  .col-md-4 {

    width: 33.3333%;

  }
}




  @media (min-width:992px){
    .col-sm-6{
        width:50%;
    }
  }





@media (min-width: 1200px) {

  .col-lg-3 {
    width: 25%;
  }
}




@media (min-width: 1200px){

  .col-lg-4{
    width: 33.3333%;
  }


}




@media (min-width: 1200px){

  .col-lg-5{
    width: 20%;
  }


}



@media (max-width:992px){
  .col-xs-6{

    width:50%;

  }}



@media (min-width:992px){

  .col-md-3{
    width: 25%;
  }


}

@media (min-width: 1200px){

  .col-lg-10{
    width: 10%;
  }


}


@media (min-width: 992px) {

.col-md-5 {

  width: 41.6666%;

}
}



@media (min-width: 1200px){

  .col-lg-9{
    width: 75%;
  }


}

@media (max-width: 1200px){

  .col-12{
    width: 100%;
  }


}

@media (min-width: 1200px) {
  .change {
  display: flex;
  }

}


:after, :before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.text-center {
  text-align: center;
  font-size: 12px;
}

.inline-right{
  float: right;
  padding-right: 5px;
}

//ios工程师隐藏部分

.remain {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  visibility: hidden;
  font-size: 12px;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 30px;
}

.total:hover .remain {
  visibility: visible;
}